﻿<!DOCTYPE html>
<html lang="zh-cn">
	<include file="Public:header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/email/completer.css"/>         
<script src="__PUBLIC__/Home/email/completer.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#email").completer({
            separator: "@",
            source: ["qq.com", "163.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"]
        });       

    });
</script>
	<body>
		<include file="Public:top" />
		<br />
		<div class="container">
			<div class="">
				<ul class="bread">
					<h4>
					<li><a href="#" class="icon-home"> 首页</a> </li>					
					<li><a href="#">留言板</a></li>
					</h4>
				</ul>
			</div>
			<div class="line-big">
				<div class="xl12 xm8">
					<div class="line-small">
						<div class="xs12">
							<volist name="list" id="vo">
								<div class="clearfix articlebox">
									<div class="liuyan_a">
									</div>
									<div class="said_img">
										<img src="{$vo.photo}" class="radius-circle" width="60px" height="60px" />
										<div class="liuyan_t">
											<span class="icon-user"></span>&nbsp;&nbsp;<a>{$vo.username}</a>&nbsp;&nbsp;</span>
											<span class="icon-paper-plane"></span>&nbsp;{$vo.add_time|tranTime}&nbsp;&nbsp;</span>
											<span class="tag bg-dot">{$vo.from}</span>&nbsp;&nbsp;<span class="icon-map-marker"></span>&nbsp;{$vo.ip}
										</div>
										<div class="liuyan_c">
											{$vo.content}
										</div>

									</div>

									<!--回复-->
									<if condition="$vo.c_content neq ''">
									<div class="f_liuyan">
										<hr />
										<div class="liuyan_a">
										</div>
										<div class="said_img">
											<img src="__ROOT__/Uploads/{$vo['c_photo']}" class="radius-circle" width="60px" height="60px" />
											<div class="liuyan_t">
												<span class="icon-user"></span>&nbsp;&nbsp;管理员&nbsp;&nbsp;</span>
												<span class="icon-paper-plane"></span>&nbsp;&nbsp;{$vo.c_time|tranTime}&nbsp;&nbsp;
												<span>回复 @<a>{$vo.username}</a> 中说到：</span>
											</div>
											<div class="liuyan_c">
												{$vo.c_content}
											</div>
										</div>
									</div>
									</if>
								</div>
								<br />
							</volist>
							<br />
							<div class="pages" style=" text-align: right;">
								{$page}
							</div>
							<br />
							<hr />

							<div class="panel border-main">
								<div class="panel-head border-main bg-main">
									<h3>留  言</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body">
										<form action="{:U('Home/liuyan/addContent')}" method="post" class="form form-block">							
											<div class="form-group">
												<div class="field">
													<div class="input-group">
														<span class="addon">昵称</span>
													<input type="text" class="input" id="username" name="username" size="50" data-validate="required:请输入昵称" placeholder="昵称" />
												</div>
												</div>
											</div>
											<div class="form-group">
												<div class="field">
													<div class="input-group">
														<span class="addon">邮箱</span>
													<input type="text" class="input"  id="email" name="email" size="20" data-validate="email:请输入正确的邮箱地址" placeholder="邮箱" />
												</div>
												</div>
											</div>
											<div class="form-group">
												<div class="field">
													<textarea class="input" rows="5" name="content" cols="50" data-validate="required:请输入留言内容" placeholder="请输入留言内容"></textarea>
												</div>
											</div>
                                            <!--<div class="form-group">-->
                                                <!--<div class="field">-->
                                                    <!--<div class="input-group">-->
                                                        <!--<input type="text" class="input" name="passcode" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />-->
                                                        <!--<span class="addbtn">-->
                                                            <!--<img src="images/passcode.jpg" width="80" height="32" class="passcode" />-->
                                                        <!--</span>-->
                                                    <!--</div>-->
                                                <!--</div>-->
                                            <!--</div>-->

											<div class="form-group">
												<div class="field">
													<div class="input-group">
														    <span class="addon">验证码</span>
                                                            <input type="text"  class="input" id="txt_check" name="txt_check" data-validate="required:请输入右侧验证码" placeholder="验证码" />
                                                            <span class="addbtn"><img style="border: 1px solid #C7C7C7;" class="img passcode" src="{:U('Home/Liuyan/verify')}" onClick="this.src = this.src + '?' + Math.random();" title="看不清楚?点击刷新验证码?"></span>
                                                    </div>

                                                </div>
											</div>
											<div class="form-button">
												<button class="button bg-main button-big button-block" type="submit">
													提 交</button>
											</div>
										</form>
									</div>
								</div>
							</div>
							<br />
						</div>
						<hr />
					</div>
					<br />
					<br />
					<br />
				</div>
				<include file="Public:right" />
			</div>
		</div>
		<include file="Public:footer" />
	</body>

</html>